<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>验证Java JDK安装</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Merriweather:wght@400;700&family=IBM+Plex+Mono&display=swap" rel="stylesheet">
    <style>
        body {
            background-color: #f8f9fa;
            color: #212529;
            font-family: 'Inter', sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            background-image: linear-gradient(rgba(0,0,0,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.02) 1px, transparent 1px);
            background-size: 20px 20px;
        }
        .container {
            width: 100%;
            max-width: 800px;
            background-color: #ffffff;
            padding: 30px 40px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            border-radius: 8px;
            box-sizing: border-box;
        }
        header {
            text-align: center;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 1px solid #e0e0e0;
        }
        header h1 {
            font-family: 'Merriweather', serif;
            font-size: 2.8rem;
            font-weight: 700;
            color: #343a40;
            margin-bottom: 10px;
        }
        header p {
            font-size: 1.1rem;
            color: #495057;
        }
        main {
            /* Styles for main content area if needed */
        }
        h2 {
            font-family: 'Merriweather', serif;
            font-size: 2rem;
            font-weight: 700;
            color: #343a40;
            margin-top: 40px;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #3b82f6; /* Accent color for heading underline */
        }
        h3 {
            font-family: 'Merriweather', serif;
            font-size: 1.6rem;
            font-weight: 700;
            color: #343a40;
            margin-top: 30px;
            margin-bottom: 15px;
        }
        p, li {
            font-size: 1rem;
            color: #333;
            margin-bottom: 1em;
        }
        ul, ol {
            padding-left: 30px; /* More indentation for lists */
            margin-bottom: 1em;
        }
        li {
            margin-bottom: 0.75em;
        }
        a {
            color: #3b82f6;
            text-decoration: none;
            font-weight: 500; /* Slightly bolder links */
        }
        a:hover {
            text-decoration: underline;
            color: #2563eb; /* Darker blue on hover */
        }
        pre {
            font-family: 'IBM Plex Mono', monospace;
            background-color: #f1f3f5; /* Lighter code background */
            padding: 1em;
            overflow-x: auto;
            border-radius: 5px;
            border: 1px solid #dee2e6;
            margin-top: 1em;
            margin-bottom: 1em;
            font-size: 0.9rem; /* Slightly smaller code font */
        }
        code {
            font-family: 'IBM Plex Mono', monospace;
            background-color: #f1f3f5;
            padding: 0.2em 0.4em;
            border-radius: 3px;
            font-size: 0.9rem;
        }
        pre code {
            padding: 0;
            background-color: transparent;
            border: none;
        }
        img {
            max-width: 100%;
            height: auto;
            border: 1px solid #dee2e6;
            border-radius: 4px;
            margin-top: 15px;
            margin-bottom: 15px;
            display: block; /* Center images if they are block */
            margin-left: auto;
            margin-right: auto;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }
        strong {
            font-weight: 700; /* Ensure strong is bold */
        }
        .note {
            background-color: #e7f3ff; /* Light blue for notes */
            border-left: 4px solid #3b82f6;
            padding: 15px;
            margin: 20px 0;
            border-radius: 4px;
        }
        .note strong {
            color: #3b82f6;
        }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <h1>验证是否已经安装了Java JDK</h1>
            <p>完成JDK安装后，我们需要验证Java是否已成功安装，并检查相关的环境变量是否配置正确。</p>
        </header>
        <main>
            <h2>1. 验证Java版本</h2>
            <p>打开 PowerShell，然后输入以下命令：</p>
            <pre><code>java -version</code></pre>
            <p>如果安装成功，您将看到类似以下的输出，显示已安装的Java版本信息：</p>
            <pre><code>java version "17.0.1" 2021-10-19 LTS
Java(TM) SE Runtime Environment (build 17.0.1+12-LTS-39)
Java HotSpot(TM) 64-Bit Server VM (build 17.0.1+12-LTS-39, mixed mode, sharing)</code></pre>
            <p>验证Java编译器（javac）是否也已正确安装（JDK版本才会包含javac）：</p>
            <pre><code>javac -version</code></pre>
            <p>如果安装成功，您将看到类似以下的输出：</p>
            <pre><code>javac 17.0.1</code></pre>

            <h2>2. 检查 JAVA_HOME 环境变量</h2>
            <p><code>JAVA_HOME</code> 环境变量指向JDK的安装目录，很多Java应用程序和工具依赖此变量来找到JDK。</p>
            <p>在命令提示符（CMD）中输入以下命令来检查 <code>JAVA_HOME</code> 是否已设置：</p>
            <pre><code>echo %JAVA_HOME%</code></pre>
            <p>如果您在安装过程中正确设置了 <code>JAVA_HOME</code>，您将看到JDK的安装路径，例如：</p>
            <pre><code>C:\Program Files\Java\jdk-17.0.1</code></pre>
            <p>如果在 PowerShell 中检查，可以使用以下命令：</p>
            <pre><code class="language-powershell">$env:JAVA_HOME</code></pre>
            <p>如果命令没有输出路径，或者输出 <code>%JAVA_HOME%</code> 本身（在CMD中），则表示 <code>JAVA_HOME</code> 环境变量没有设置或设置不正确。您需要返回到环境变量设置步骤，确保已正确添加或修改 <code>JAVA_HOME</code> 变量，并指向您JDK的实际安装路径。</p>

            <h2>3. 检查 Path 环境变量</h2>
            <p>确保JDK的 <code>bin</code> 目录已添加到系统的 <code>Path</code> 环境变量中。这样，您才能在任何目录下运行 <code>java</code> 和 <code>javac</code> 命令。</p>
            <p>在命令提示符（CMD）中输入以下命令来查看 <code>Path</code> 变量的内容：</p>
            <pre><code>echo %Path%</code></pre>
            <p>在 PowerShell 中，可以使用：</p>
            <pre><code class="language-powershell">$env:Path</code></pre>
            <p>检查输出中是否包含类似 <code>C:\Program Files\Java\jdk-17.0.1\bin</code> 的路径（具体路径取决于您的JDK安装位置）。如果没有，请返回环境变量设置步骤进行添加。</p>
        </main>
    </div>
</body>
</html>